/* app css stylesheet */
body {
  font-size: 15px; }

@media screen and (max-width: 768px) {
  .minDisPlayNon {
    display: none; } }
.table {
  width: 100%;
  max-width: 100%;
  margin: 20px auto; }
  .table tr td:nth-child(1) {
    width: 20px; }
  .table tr td:last-child {
    width: 90px;
    text-align: center;
    margin: 0, 0; }
  .table .complete {
    color: gray;
    text-decoration: line-through; }

ul.inline {
  list-style: none; }
  ul.inline li {
    float: left;
    width: 80px;
    margin: auto, 2px;
    padding: 2px, 10px; }
    ul.inline li:hover {
      background-color: lightgray; }
    ul.inline li a {
      color: #000;
      font-size: 14px; }

.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em; }

.menu:before {
  content: "["; }

.menu:after {
  content: "]"; }

.menu > li {
  display: inline; }

.menu > li + li:before {
  content: "|";
  padding-right: 0.3em; }
